@charset "utf-8";
*{ padding:0; margin:0;}
ul{ margin:0 !important;}
body{ font-family:"微软雅黑" !important; overflow-x:hidden; background: #edf0f4 !important;}
.wrap{ width:1200px; margin:0 auto;}
/*顶部*/

.header{ width:100%; z-index:104; background: #fff; position:relative; padding: 16px 0;}
.logo{ display: inline-block;}
.header-right{ float: right; overflow: hidden;}
.ls{ float: right; overflow: hidden; margin: 0 0 10px 0;}
.ls a{ display: inline-block; float: left; font-size: 14px; line-height: 24px; color: #333; margin: 0 0 0 10px; padding: 0 0 0 5px;}
.tel{ font-size: 16px; color: #333; padding: 0 0 0 36px; line-height: 28px; background: url(../images/tel.png) no-repeat left; clear: both;}
.tel span{ display: inline-block; margin: 0 0 0 5px; font-size: 25px; color: #0f80cc; font-family: arial; font-weight: bold;}
/*header.logo部分*/

.banner{ width:100%; overflow:hidden;}
.banner img{ width: 100%;}
.aa .swiper-pagination-bullet{ width:15px; height:10px; opacity:1; border-radius:2px; background:#fff; transition: all 0.3s ease-out;}
.aa .swiper-pagination-bullet-active{ background:#ef7918; width:25px;}
/*pc端轮播大图的显示高度和大图下面的分页按钮的颜色属性*/

.nav{ width:100%; background: url(../images/navbg.jpg) no-repeat; background-size: cover; z-index: 105; height: 50px;}
.nul{ width:100%;}
.nul>li{float:left; width: 12.5%; position:relative; background: url(../images/xli.png) no-repeat right;}
.nul>li:last-child{ background: none;}
.nul>li>a{color:#fff; line-height: 50px; height: 50px; padding:0 3px; overflow:hidden; display:block; text-align:center; font-size:16px; transition: all 0.3s ease-out;}
.nul>li:hover>a{ background: #ef7918; color: #fff;}
.nul>li ul{ display: none; position: absolute; top: 100%; left: 0; width:100%; z-index:104; background:rgba(0, 91, 168 ,0.78);}
.nul>li ul li{ width:100%; border-top: 1px rgba(255, 255, 255, 0.5) solid;}
.nul>li ul li>a{ line-height:36px; display: block; text-align: center; width: 100%; overflow:hidden; font-size:14px; height:36px; border:none; color:#fff; transition: all 0.3s ease-out;}
.nul>li ul li>a:hover{ color:#fff; background: #ef7918;}
.acta{  background: #ef7918 !important; color: #fff !important;}
/*PC头部导航*/

.search-bar{ background: #e1e7f0; border-bottom: 1px #fff solid; height: 46px; box-sizing: border-box; z-index: 3; overflow: hidden; padding: 9px 0;}
.keyWord{ float: left; font-size: 14px; color: #222; height: 25px; line-height: 25px; overflow: hidden; width: calc(100% - 230px);}
.search{ float: right; width: 190px; overflow: hidden; height: 27px; border: 1px #e6e6e6 solid; box-sizing: border-box;}
.search input:nth-child(1){ float: left; width: 156px; background: #fff; line-height: 25px; padding: 0 7px;}
.search input:nth-child(2){ float: left; width:calc(100% - 156px); background: url(../images/search.png) no-repeat center center #c3c5c9; height: 25px;}
/*搜索栏*/

.title{ width: 100%; background: url(../images/titlebg1.png) no-repeat bottom; margin: 0 0 35px 0; cursor: pointer; text-align: center; padding: 0 0 10px 0;}
.title b{ width: 100%; font-size: 24px; line-height: 30px; color: #fff;}
.title span{ display: block; font-size: 14px; line-height: 24px; color: #fff;}

.title1{ width: 100%; background: url(../images/titlebg2.png) no-repeat bottom; margin: 0 0 35px 0; cursor: pointer; text-align: center; padding: 0 0 10px 0;}
.title1 b{ width: 100%; font-size: 24px; line-height: 30px; color: #3289c3;}
.title1 span{ display: block; font-size: 14px; line-height: 24px; color: #3289c3;}
/*栏目标题*/

.cpzs{ width:100%; padding:40px 0; background: #edf0f4;}
.cpzstit{ width: 100%; margin: 0 0 30px 0; overflow: hidden; border-bottom: 1px #bcbcbc solid; padding: 0 0 10px 0;}
.cpzstit1{ display: inline-block; padding: 0 0 0 12px; background: url(../images/zxl.jpg) no-repeat left;}
.cpzstit1 b{ display: block; font-size: 24px; line-height: 24px; color: #0f80cc;}
.cpzstit1 span{ display: block; margin: 5px 0 0 0; font-size: 14px; line-height: 14px; color: #a4a4a4; font-family: arial;}
.cpzstit a{ display: inline-block; float: right; font-size: 14px; line-height: 24px; color: #0f80cc; margin: 20px 0 0 0;}
.cpzstit a:hover{ color: #0f80cc; text-decoration: underline !important;}
.tabul{ text-align: center; margin: 0 0 25px 0 !important;}
.tabul>li{ display: inline-block; padding: 5px 15px;}
.tabul>li>a{ border: 1px #4492d2 solid; box-sizing: border-box; display: block; width: 121px; height: 33px; background: #fff; text-align: center; transition: all 0.3s ease-out; padding: 0 3px; line-height: 31px; color: #000; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tabul>li>a:hover{ background: #ff760b; color: #fff; border-color: #ff760b;}
.tabhover>a{ background: #ff760b !important; color: #fff !important; border-color: #ff760b !important;}
.product .swiper-slide{ padding: 5px;}
.productctn{overflow: hidden; display: none;}
.productshow{overflow: hidden; display: block;}
.product-left{ width: 40%; float: left; padding: 20px; background: #fff; box-shadow: 5px 5px 5px #ccc;}
.pltit{ font-size: 18px; line-height: 28px; font-weight: bold; color: #222; padding: 0 0 10px 0; border-bottom: 1px #d5d8db solid; margin: 0 0 10px 0;}
.pltxt{ font-size: 16px; line-height: 36px; color: #000;}
.product-right{ width: 55%; float: right;}
.product .cpimg2{ padding-top: 60%;}
/*产品展示*/

.gywm{ width:100%; padding: 50px 0; background: url(../images/gsjjbg.jpg) no-repeat center center; background-size: cover;}
.gywmctn{ width: 100%; overflow: hidden;}
.gywm-left{ width: 48%; float: left;}
.gywm-left b{ display: block; color: #fff; font-size: 30px; line-height: 34px;}
.gywm-left p{ color: #fff; margin: 25px 0; font-size: 16px; line-height: 36px;}
.glmore{ width: 100%;}
.glmore a{ display: inline-block; transition: all 0.3s ease-out; width: 180px; height: 42px; border: 1px #fff solid; box-sizing: border-box; line-height: 40px; font-size: 1px; color: #fff; text-align: center;}
.glmore a:hover{ background: #fff; color: #4492d2;}
/*关于我们*/

.gcal{ padding: 50px 0; background: #edf0f4;}
.gcalctn{ width: 100%; overflow: hidden;}
.case .swiper-slide{ padding: 7px;}
.cp{ width:100%; padding: 4px; box-shadow: 0 0 10px #ccc;}
.cpimg{ width:100%; overflow:hidden; border:1px #bcbcbc solid; box-sizing:border-box; padding: 1px;}
.cpimg1{ transition:all 0.5s ease-out;}
.cp:hover .cpimg1{ transform:scale(1.08);}
.cpimg2{ padding-top: 73.076%;}
.cptit{ line-height:36px; height:36px; font-size:16px; color:#222; width:100%; text-align:center; padding:0 3px; transition:all 0.5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #fff;}
.cp:hover .cptit{ color:#fff; background:#4492d2;}
/*工程案例*/

.hf{ width: 100%; height: 138px;}
/*横幅*/

.xwdt{ padding:50px 0; background: #edf0f4;}
.xwul{ width: 100%; overflow: hidden;}
.xwul li{ width: 50%; float: left; padding: 12px;}
.xw{ width: 100%; overflow: hidden; transition: all 0.5s ease-out; padding: 9px; background: #d2d2d2;}
.xw:hover{ background: #0f80cc;}
.xwimg{ float: left; width: 180px; border: 1px #ccc solid; box-sizing: border-box;}
.xwtop{ padding-top: 69.44%;}
.xwright{ width: calc(100% - 195px); float: right;}
.xwtit{ width: 100%; font-weight: bold; transition: all 0.5s ease-out; font-size: 16px; line-height: 40px; color: #484848; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../images/m1.png) no-repeat bottom left;}
.xw:hover .xwtit{ color: #fff; background: url(../images/m2.png) no-repeat bottom left;}
.xwtxt{ width: 100%; font-size: 14px; line-height: 23px; color: #999; height: 69px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 7px 0 0 0; transition: all 0.5s ease-out;}
.xw:hover .xwtxt{ color: #fff;}
.more{ text-align: center; padding: 30px 0 0 0;}
.more>a{ display: inline-block; transition: all 0.3s ease-out; font-size: 16px; color: #1666bf; width: 119px; height: 38px; border: 1px #206cc1 solid; box-sizing: border-box; line-height: 36px;}
.more>a:hover{ background: #206cc1; color: #fff;}
/*新闻动态*/

.footer{ width:100%; overflow: hidden; padding:25px 0; background: url(../images/footerbg.jpg) no-repeat center center; background-size: cover;}
.footer-left{ width: 49%; float: left; overflow: hidden;}
.ftit{ display: block; float: left;}
.ftit b{ display: inline-block; font-size: 20px; color: #fff; line-height: 40px; border-bottom: 2px #fff solid;}
.ftit span{ display: block; color: #fff; font-size: 20px; line-height: 30px; color: #fff; font-family: arial; margin: 3px 0 0 0;}
.ftctn{ overflow: hidden; width: calc(100% - 150px); float: right;}
.lxw{ width: 100%;}
.lxw span{ display: block; color: #fff; font-size: 14px; line-height: 30px;}
.footer-right{ width: 49%; float: right; overflow: hidden;}
.msg{ width: 100%; overflow: hidden;}
.msg input{ width: 48%; float: left; color: #fff; height: 41px; margin: 0 0 5px 0; line-height: 40px; border-bottom: 1px #1666bf solid; box-sizing: border-box; padding: 0 5px; color: #fff; background: none;}
.msg input:nth-child(2){ float: right;}
.msg input::-webkit-input-placeholder{ color: #fff;}
.msg input::-moz-input-placeholder{ color: #fff;}
.msg input::-ms-input-placeholder{ color: #fff;}
.msg input::-o-input-placeholder{ color: #fff;}
.msg textarea{ width: 100%; float: left; color: #fff; height: 96px; margin: 0 0 10px 0; line-height: 40px; border-bottom: 1px #1666bf solid !important; box-sizing: border-box; padding: 0 5px; color: #fff; background: none; resize: none; outline: none; overflow: hidden; border: none;}
.msg textarea::-webkit-input-placeholder{ color: #fff;}
.msg textarea::-moz-input-placeholder{ color: #fff;}
.msg textarea::-ms-input-placeholder{ color: #fff;}
.msg textarea::-o-input-placeholder{ color: #fff;}
.msg button{ outline: none; text-align: center; border: none; width: 135px; line-height: 38px; background: #ff760b; font-size: 14px; color: #fff;}
/*页脚*/

.copyright{ padding: 15px 0; background:#1666bf; overflow:hidden; padding: 15px 0; text-align: center; font-size: 14px; line-height: 24px; color: #fff;}
/*版权信息*/

.ctn{ overflow: hidden; padding: 40px 0;}
.ctn-left{ float:left; width:24%;}
.cltit{ width:100%; position:relative; text-align: center; pointer-events:none; background: #ff760b; color:#fff; font-size:18px; line-height:30px; padding: 8px 0; font-weight: bold;}
.cltit span{ display: block; font-size: 20px; line-height: 32px;}
.clb{ width:100%; margin:25px 0 0 0;}
.clb .cltit{ text-align: left; padding: 12px 0 12px 20px;}
.clb img{ width:100%; margin: 3px 0;}
.clbx{ width: 100%; margin: 5px 0 0 0;}
.clbx span{ display: block; font-size: 14px; line-height: 28px; color: #151515;}
.ctn-right{ width:74%; float:right;}
.crt{ width:100%; height:41px; border-bottom:1px #bcbcbc solid; box-sizing:border-box; margin: 0 0 20px 0;}
.crt b{ display: inline-block; line-height: 40px; font-size: 22px; color: #0f80cc;}
.crt span{ display:inline-block; color:#0f80cc; font-size: 14px; line-height: 40px; float: right;}
.crb{ overflow: hidden;}
.crb img{ max-width: 100% !important;}
/*内页*/

.crb .xwul li{ width: 100%; float: none;}
.producttit{ margin: 0 0 20px 0; font-size: 16px; line-height: 36px; color: #333;}
.cplist{ width:100%; overflow:auto;}
.cplist li{ width:33.3%; float:left; padding:10px;}
.about{ width:100%;}
.about p{ display:block; margin:0 !important; font-size:14px; line-height:28px; color:#000;}
.pd{ width:100%;}
.pd1{ font-size:18px; line-height:36px; color:#000; text-align:center;}
.pdimg{ text-align:center; margin:10px 0;}
.pdimg img{ max-width:100%;}
.pd2{ font-size:14px; line-height:28px; color:#000; text-align: center;}
.contact{ width:100%;}
.map{ width: 100%;}
.cont{ display:block; margin:0 0 15px 0; width: 100%;}
.cont span{ width: 100%; display: block; font-size:14px; line-height:24px; color:#000;}

.accordion{ width:100%;}
.accordion>li{ margin: 15px 0 0 0;}
.accordion>li>a{ transition:all 0.3s ease-out; display:block; padding: 0 10px 0 20px; color:#333; line-height:31px; height:33px; border: 1px #4492d2 solid; box-sizing: border-box; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size:14px; background: #fff;}
.accordion>li>a:hover{ color:#fff; background: #ff760b; border-color: #ff760b;}	
.dka{ color:#fff !important; background: #ff760b !important; border-color: #ff760b !important;}	
/*.accordion>li>ul{display: none;}
.accordion>li>ul>li{ width: 100%;}
.accordion>li>ul>li>a{display: block; text-align:center; height:35px; line-height:35px; overflow:hidden; color:#4492d2; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}
.accordion>li>ul>li>a:hover{ font-size: 15px;}*/
/*内页左侧栏目*/

.news li{ padding: 10px 0;}
.zlxz{ width: 100%; padding: 50px 0;}
.zlctn{ width: 100%; overflow: auto;}
.zlctn li{ width: 50%; float: left; padding: 15px;}
.zl{ width: 100%; overflow: auto; transition: all 0.5s; background: #e6e6e6;}
.zl:hover{ background: #008cd6;}
.zlimg{ width: 140px; float: left; overflow: hidden;}
.zlimg1{ transition: all 0.5s;}
.zl:hover .zlimg1{ transform: scale(1.1);}
.zlimg2{ padding-top: 92.857%;}
.zlright{ width: calc(100% - 155px); float: right; padding: 0 10px 0 0;}
.zltit{ width: 100%; transition: all 0.5s; font-size: 16px; line-height: 28px; color: #818181; height: 28px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin: 5px 0 0 0;}
.zl:hover .zltit{ color: #fff;}
.zltxt{ width: 100%; transition: all 0.5s; font-size: 14px; line-height: 24px; color: #818181; height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 5px 0;}
.zl:hover .zltxt{ color: #fff;}
.zlright a{ display: inline-block; transition: all 0.3s; width: 90px; line-height: 22px; text-align: center; font-size: 12px; color: #818181; background: #fff; margin: 10px 0 0 0;}
.zlright a:hover{ color: #008cd6;}

body{background:#fff; background-size:cover; font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto; padding: auto;}

/*分页样式*/
div.page {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:10px 3px; padding-top: 3px; text-align: left;}
div.page a {border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #eb5914; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none;}
div.page a:hover {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #eb5914; margin-right: 3px; padding-top: 2px;}
div.page span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;}